﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html class="no-js" lang="">

<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Cirkle | User Timeline</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static//media/favicon.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/icofont/icofont.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/magnific-popup/css/magnific-popup.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/select2/css/select2.min.css">

    <!-- Site Stylesheet -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/app.css">
    <!-- Google Web Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
    <style>
        .aacc{
            color: red;
        }
    </style>
</head>

<body class="bg-link-water">
    <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
    <![endif]-->
    <a href="#wrapper" data-type="section-switch" class="scrollup">
        <i class="icofont-bubble-up"></i>
    </a>
    <!-- Preloader Start Here -->
    <div id="preloader"></div>
    <!-- Preloader End Here -->
    <div id="wrapper" class="wrapper">
        <!-- Top Header -->
        <%@include file="top.jsp" %>
        <!-- Sidebar Left -->
        <%@include file="left.jsp" %>
        <!-- Sidebar Right -->
        <%@include file="right.jsp" %>
        <!-- Page Content -->
        <div class="page-content">

            <!--=====================================-->
            <!--=        Newsfeed  Area Start       =-->
            <!--=====================================-->
            <div class="container">
                <!-- Banner Area Start -->
                <div class="banner-user">
                    <div class="banner-content">
                        <div class="media">
                            <div class="item-img">
                                <img src="${pageContext.request.contextPath}/static/media/banner/user_1.jpg" alt="User">
                            </div>
                            <div class="media-body">
                                <h3 class="item-title">${sos.uname}</h3>
                                <div class="item-subtitle">${sos.ublog}</div>
                                <ul class="item-social">
                                    <li><a href="#" class="bg-fb"><i class="icofont-facebook"></i></a></li>
                                    <li><a href="#" class="bg-twitter"><i class="icofont-twitter"></i></a></li>
                                    <li><a href="#" class="bg-dribble"><i class="icofont-dribbble"></i></a></li>
                                    <li><a href="#" class="bg-youtube"><i class="icofont-brand-youtube"></i></a></li>
                                    <li><a href="#" class="bg-behance"><i class="icofont-behance"></i></a></li>
                                </ul>
                                <ul class="user-meta">
                                    <li>帖子: <span>${sos.uposts}</span></li>
                                    <li>评论: <span>${sos.ucomments}</span></li>
                                    <li>地址: <span>${sos.uaddress}</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-8">
                        <div class="block-box post-input-tab">
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="nav-item" role="presentation" data-toggle="tooltip" data-placement="top" title="状态">
                                    <a class="nav-link" data-toggle="tab" href="#post-status" role="tab" aria-selected="true" style="
    color: black;
"><i class="icofont-copy"></i>状态</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade show" id="post-status" role="tabpanel" style="
    display: block;
">
                                    <textarea name="status-input" id="status-input1" class="form-control textarea" placeholder="分享您的想法..." cols="30" rows="6" style="height: 80px;"></textarea>
                                    <textarea name="status-input" class="form-control textarea" placeholder="" cols="30" rows="6" style="background:url('${pageContext.request.contextPath}/static/img/kj5.webp') no-repeat;background-size: contain;background-position-x: 10px;"></textarea>
                                </div>
                            </div>
                            <div class="post-footer">
                                <div class="insert-btn">
                                    <a href="#"><input class="icofont-photobucket" type="file" placeholder="选择图片" style="width: 24px"/></a>



                                    <%--<a href="#"><i class="icofont-tags"></i></a>--%>
                                    <%--<a href="#"><i class="icofont-location-pin"></i></a>--%>
                                </div>
                                    <div class="submit-btn">
                                        <a href="#">Post Submit</a>
                                    </div>
                            </div>
                        </div>
                        <div class="block-box user-timeline-header"  id="zhuijia">
                            <ul class="menu-list d-none d-md-block">
                                <li><a class="active yya" onclick="yya()">推荐</a></li>
                                <li><a class="yys" onclick="yys()">个人空间</a></li>
                            </ul>
                            <div class="header-dropdown d-md-none">
                                <label>Show:</label>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        All Updates
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">All Updates</a>
                                        <a class="dropdown-item" href="#">Mentions</a>
                                        <a class="dropdown-item" href="#">Favorities</a>
                                        <a class="dropdown-item" href="#">Friends</a>
                                        <a class="dropdown-item" href="#">Groups</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <%--<div class="block-box post-view">--%>
                            <%--<div class="post-header">--%>
                                <%--<div class="media">--%>
                                    <%--<div class="user-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_5.jpg" alt="Aahat">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Rebeca Powel</a></div>--%>
                                        <%--<ul class="entry-meta">--%>
                                            <%--<li class="meta-privacy"><i class="icofont-world"></i>Public</li>--%>
                                            <%--<li class="meta-time">2 mins ago</li>--%>
                                        <%--</ul>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="dropdown">--%>
                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                        <%--...--%>
                                    <%--</button>--%>
                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-body">--%>
                                <%--<p>Dhaka is wonderful no matter what! <i class="icofont-wink-smile"></i></p>--%>
                                <%--<div class="post-img">--%>
                                    <%--<img src="${pageContext.request.contextPath}/static/media/figure/post_10.jpg" alt="Post">--%>
                                <%--</div>--%>
                                <%--<div class="post-meta-wrap">--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="post-reaction">--%>
                                            <%--<div class="reaction-icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                            <%--</div>--%>
                                            <%--<div class="meta-text">15</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="meta-text">2 Comments</div>--%>
                                        <%--<div class="meta-text">05 Share</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-footer">--%>
                                <%--<ul>--%>
                                    <%--<li class="post-react">--%>
                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                        <%--<ul class="react-list">--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                    <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                    <%--<li class="post-share">--%>
                                        <%--<a href="javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                        <%--<ul class="share-list">--%>
                                            <%--<li><a href="" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                            <%--<li><a href="" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                            <%--<li><a href="" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                            <%--<li><a href="" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                            <%--<li><a href="" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                            <%--</div>--%>
                        <%--</div>--%>


                        <%--<div class="block-box post-view">--%>
                            <%--<div class="post-header">--%>
                                <%--<div class="media">--%>
                                    <%--<div class="user-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_5.jpg" alt="Aahat">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Rebeca Powel</a></div>--%>
                                        <%--<ul class="entry-meta">--%>
                                            <%--<li class="meta-privacy"><i class="icofont-users-alt-4"></i>Friends</li>--%>
                                            <%--<li class="meta-time">2 mins ago</li>--%>
                                        <%--</ul>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="dropdown">--%>
                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                        <%--...--%>
                                    <%--</button>--%>
                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-body">--%>
                                <%--<div class="post-no-thumbnail">--%>
                                    <%--<p>I have great news to share with you all! I've been officially made a game streaming verified partner by Streamy http://radiustheme.com/ What does this mean? I'll be uploading new content every day, improving the quality and I'm gonna have access to games a month before the official release.</p>--%>
                                    <%--<p>This is a dream come true, thanks to all for the support!!!</p>--%>
                                <%--</div>--%>
                                <%--<div class="post-meta-wrap">--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="post-reaction">--%>
                                            <%--<div class="reaction-icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                            <%--</div>--%>
                                            <%--<div class="meta-text">25</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="meta-text">2 Comments</div>--%>
                                        <%--<div class="meta-text">05 Share</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-footer">--%>
                                <%--<ul>--%>
                                    <%--<li class="post-react">--%>
                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                        <%--<ul class="react-list">--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                    <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                    <%--<li class="post-share">--%>
                                        <%--<a href="${pageContext.request.contextPath}/Directory/javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                        <%--<ul class="share-list">--%>
                                            <%--<li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                            <%--</div>--%>
                            <%--<div class="post-comment">--%>
                                <%--<ul class="comment-list">--%>
                                    <%--<li class="main-comments">--%>
                                        <%--<div class="each-comment">--%>
                                            <%--<div class="post-header">--%>
                                                <%--<div class="media">--%>
                                                    <%--<div class="user-img">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_14.jpg" alt="Aahat">--%>
                                                    <%--</div>--%>
                                                    <%--<div class="media-body">--%>
                                                        <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Aahat Akter</a></div>--%>
                                                        <%--<ul class="entry-meta">--%>
                                                            <%--<li class="meta-privacy"><i class="icofont-world"></i>Friends</li>--%>
                                                            <%--<li class="meta-time">5 mins ago</li>--%>
                                                        <%--</ul>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                                <%--<div class="dropdown">--%>
                                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                                        <%--...--%>
                                                    <%--</button>--%>
                                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                            <%--</div>--%>
                                            <%--<div class="post-body">--%>
                                                <%--<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium der doloremque laudantiumSed ut perspicia tisery..</p>--%>
                                            <%--</div>--%>
                                            <%--<div class="post-footer">--%>
                                                <%--<ul>--%>
                                                    <%--<li class="react-icon">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                    <%--</li>--%>
                                                    <%--<li class="post-react">--%>
                                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                                        <%--<ul class="react-list">--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                                        <%--</ul>--%>
                                                    <%--</li>--%>
                                                    <%--<li><a href="#"><i class="icofont-reply"></i>Reply</a></li>--%>
                                                <%--</ul>--%>
                                            <%--</div>--%>
                                        <%--</div>--%>
                                        <%--<ul class="children">--%>
                                            <%--<li class="main-comments">--%>
                                                <%--<div class="each-comment">--%>
                                                    <%--<div class="post-header">--%>
                                                        <%--<div class="media">--%>
                                                            <%--<div class="user-img">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/notifiy_1.png" alt="Aahat">--%>
                                                            <%--</div>--%>
                                                            <%--<div class="media-body">--%>
                                                                <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Neko Bebo</a></div>--%>
                                                                <%--<ul class="entry-meta">--%>
                                                                    <%--<li class="meta-time">5 mins ago</li>--%>
                                                                <%--</ul>--%>
                                                            <%--</div>--%>
                                                        <%--</div>--%>
                                                        <%--<div class="dropdown">--%>
                                                            <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                                                <%--...--%>
                                                            <%--</button>--%>
                                                            <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                                                <%--<a class="dropdown-item" href="#">Close</a>--%>
                                                                <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                                                <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                                            <%--</div>--%>
                                                        <%--</div>--%>
                                                    <%--</div>--%>
                                                    <%--<div class="post-body">--%>
                                                        <%--<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem..</p>--%>
                                                    <%--</div>--%>
                                                    <%--<div class="post-footer">--%>
                                                        <%--<ul>--%>
                                                            <%--<li class="react-icon">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                                            <%--</li>--%>
                                                            <%--<li class="post-react">--%>
                                                                <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                                                <%--<ul class="react-list">--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                                                <%--</ul>--%>
                                                            <%--</li>--%>
                                                            <%--<li><a href="#"><i class="icofont-reply"></i>Reply</a></li>--%>
                                                        <%--</ul>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                            <%--</li>--%>
                                            <%--<li class="main-comments">--%>
                                                <%--<div class="each-comment">--%>
                                                    <%--<div class="post-header">--%>
                                                        <%--<div class="media">--%>
                                                            <%--<div class="user-img">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/notifiy_1.png" alt="Aahat">--%>
                                                            <%--</div>--%>
                                                            <%--<div class="media-body">--%>
                                                                <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Neko Bebo</a></div>--%>
                                                                <%--<ul class="entry-meta">--%>
                                                                    <%--<li class="meta-time">5 mins ago</li>--%>
                                                                <%--</ul>--%>
                                                            <%--</div>--%>
                                                        <%--</div>--%>
                                                        <%--<div class="dropdown">--%>
                                                            <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                                                <%--...--%>
                                                            <%--</button>--%>
                                                            <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                                                <%--<a class="dropdown-item" href="#">Close</a>--%>
                                                                <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                                                <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                                            <%--</div>--%>
                                                        <%--</div>--%>
                                                    <%--</div>--%>
                                                    <%--<div class="post-body">--%>
                                                        <%--<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium der doloremque..</p>--%>
                                                    <%--</div>--%>
                                                    <%--<div class="post-footer">--%>
                                                        <%--<ul>--%>
                                                            <%--<li class="react-icon">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                            <%--</li>--%>
                                                            <%--<li class="post-react">--%>
                                                                <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                                                <%--<ul class="react-list">--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                                                    <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                                                <%--</ul>--%>
                                                            <%--</li>--%>
                                                            <%--<li><a href="#"><i class="icofont-reply"></i>Reply</a></li>--%>
                                                        <%--</ul>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                            <%--</li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                    <%--<li class="main-comments">--%>
                                        <%--<div class="each-comment">--%>
                                            <%--<div class="post-header">--%>
                                                <%--<div class="media">--%>
                                                    <%--<div class="user-img">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_14.jpg" alt="Aahat">--%>
                                                    <%--</div>--%>
                                                    <%--<div class="media-body">--%>
                                                        <%--<div class="user-title"><a href="#">Rebeca Powel</a></div>--%>
                                                        <%--<ul class="entry-meta">--%>
                                                            <%--<li class="meta-privacy"><i class="icofont-world"></i>Friends</li>--%>
                                                            <%--<li class="meta-time">5 minutes ago</li>--%>
                                                        <%--</ul>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                                <%--<div class="dropdown">--%>
                                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                                        <%--...--%>
                                                    <%--</button>--%>
                                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                            <%--</div>--%>
                                            <%--<div class="post-body">--%>
                                                <%--<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium der doloremque laudantiumSed ..</p>--%>
                                            <%--</div>--%>
                                            <%--<div class="post-footer">--%>
                                                <%--<ul>--%>
                                                    <%--<li class="react-icon">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                    <%--</li>--%>
                                                    <%--<li class="post-react">--%>
                                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                                        <%--<ul class="react-list">--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                                        <%--</ul>--%>
                                                    <%--</li>--%>
                                                    <%--<li><a href="#"><i class="icofont-reply"></i>Reply</a></li>--%>
                                                <%--</ul>--%>
                                            <%--</div>--%>
                                        <%--</div>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                                <%--<div class="load-more-btn">--%>
                                    <%--<a href="#" class="item-btn">Load More Comments <span>4+</span></a>--%>
                                <%--</div>--%>
                                <%--<div class="comment-reply">--%>
                                    <%--<div class="user-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_15.jpg" alt="Aahat">--%>
                                    <%--</div>--%>
                                    <%--<div class="input-box">--%>
                                        <%--<input type="text" name="comment" class="form-control" placeholder="Your Reply....">--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="block-box post-view">--%>
                            <%--<div class="post-header">--%>
                                <%--<div class="media">--%>
                                    <%--<div class="user-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_5.jpg" alt="Aahat">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Rebeca Powel</a></div>--%>
                                        <%--<ul class="entry-meta">--%>
                                            <%--<li class="meta-privacy"><i class="icofont-user-alt-3"></i>Personal</li>--%>
                                            <%--<li class="meta-time">8 mins ago</li>--%>
                                        <%--</ul>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="dropdown">--%>
                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                        <%--...--%>
                                    <%--</button>--%>
                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-body">--%>
                                <%--<div class="post-no-thumbnail">--%>
                                    <%--<p>I have great news to share with you all! I've been officially made a game streaming verified partner by Streamy http://radiustheme.com/ What does this mean? I'll be uploading new content every day, improving the quality and I'm gonna have access to games a month before the official release.</p>--%>
                                    <%--<p>This is a dream come true, thanks to all for the support!!!</p>--%>
                                <%--</div>--%>
                                <%--<div class="post-meta-wrap">--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="post-reaction">--%>
                                            <%--<div class="reaction-icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                            <%--</div>--%>
                                            <%--<div class="meta-text">35</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="meta-text">2 Comments</div>--%>
                                        <%--<div class="meta-text">05 Share</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-footer">--%>
                                <%--<ul>--%>
                                    <%--<li class="post-react">--%>
                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                        <%--<ul class="react-list">--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                    <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                    <%--<li class="post-share">--%>
                                        <%--<a href="${pageContext.request.contextPath}/Directory/javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                        <%--<ul class="share-list">--%>
                                            <%--<li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="block-box post-view">--%>
                            <%--<div class="post-header">--%>
                                <%--<div class="media">--%>
                                    <%--<div class="user-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_5.jpg" alt="Aahat">--%>
                                    <%--</div>--%>
                                    <%--<div class="media-body">--%>
                                        <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Rebeca Powel</a></div>--%>
                                        <%--<ul class="entry-meta">--%>
                                            <%--<li class="meta-privacy"><i class="icofont-world"></i>Public</li>--%>
                                            <%--<li class="meta-time">10 mins ago</li>--%>
                                        <%--</ul>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="dropdown">--%>
                                    <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                        <%--...--%>
                                    <%--</button>--%>
                                    <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                        <%--<a class="dropdown-item" href="#">Close</a>--%>
                                        <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                        <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-body">--%>
                                <%--<p>This is a dream come true, thanks to all for the support!!!</p>--%>
                                <%--<div class="post-video">--%>
                                    <%--<img src="${pageContext.request.contextPath}/static/media/figure/post_11.jpg" alt="Post">--%>
                                    <%--<a href="#" class="video-btn"><i class="icofont-ui-play"></i></a>--%>
                                <%--</div>--%>
                                <%--<div class="post-meta-wrap">--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="post-reaction">--%>
                                            <%--<div class="reaction-icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                            <%--</div>--%>
                                            <%--<div class="meta-text">55</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="post-meta">--%>
                                        <%--<div class="meta-text">05 Comments</div>--%>
                                        <%--<div class="meta-text">02 Share</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="post-footer">--%>
                                <%--<ul>--%>
                                    <%--<li class="post-react">--%>
                                        <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                        <%--<ul class="react-list">--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                            <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                    <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                    <%--<li class="post-share">--%>
                                        <%--<a href="${pageContext.request.contextPath}/Directory/javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                        <%--<ul class="share-list">--%>
                                            <%--<li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                            <%--<li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                        <%--</ul>--%>
                                    <%--</li>--%>
                                <%--</ul>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <div class="block-box load-more-btn" onclick="tt()">
                            <p class="item-btn" id="block-box1"><i class="icofont-refresh"></i>加载更多</p>
                        </div>
                    </div>
                    <div class="col-lg-4 widget-block widget-break-lg">
                        <div class="widget widget-user-about" id="jj">
                            <div class="widget-heading">
                                <h3 class="widget-title">个人简介</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#" id="close">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <div class="user-info">
                                <p>${sos.ublog}</p>
                                <ul class="info-list">
                                    <li><span>E-mail:</span>${sos.uemail}</li>
                                    <li><span>地址:</span>${sos.uaddress}</li>
                                    <li><span>电话:</span>+86 ${sos.uphone}</li>
                                    <li><span>网页:</span><a href="#">www.rebeca.com</a></li>
                                    <li class="social-share"><span>Social:</span>
                                        <div class="social-icon">
                                            <a href="#"><i class="icofont-facebook"></i></a>
                                            <a href="#"><i class="icofont-twitter"></i></a>
                                            <a href="#"><i class="icofont-dribbble"></i></a>
                                            <a href="#"><i class="icofont-whatsapp"></i></a>
                                            <a href="#"><i class="icofont-instagram"></i></a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="widget widget-gallery">
                            <div class="widget-heading">
                                <h3 class="widget-title">照片库</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <ul class="photo-list">
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery1.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery2.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery3.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery4.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery5.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery6.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery2.jpg" alt="Gallery"></a></li>
                                <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery4.jpg" alt="Gallery"></a></li>
                                <li><a href="#" data-photo="20+"><img src="${pageContext.request.contextPath}/static/media/figure/widget_gallery1.jpg" alt="Gallery"></a></li>
                            </ul>
                        </div>
                        <div class="widget widget-badges">
                            <div class="widget-heading">
                                <h3 class="widget-title">My Badges</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <ul class="badge-list">
                                <li><a href="#" class="bg-tagerine-gradient"><i class="icofont-crown-queen"></i></a></li>
                                <li><a href="#" class="bg-amethyst-gradient"><i class="icofont-ui-play"></i></a></li>
                                <li><a href="#" class="bg-picton-gradient"><i class="icofont-simple-smile"></i></a></li>
                                <li><a href="#" class="bg-sun-gradient"><i class="icofont-squirrel"></i></a></li>
                                <li><a href="#" class="bg-jungle-gradient"><i class="icofont-rocket-alt-1"></i></a></li>
                                <li><a href="#" class="bg-dodger-gradient"><i class="icofont-fire-burn"></i></a></li>
                                <li><a href="#" class="bg-pink-gradient"><i class="icofont-dart"></i></a></li>
                                <li><a href="#" class="bg-spring-gradient"><i class="icofont-flash"></i></a></li>
                                <li><a href="#" class="bg-gray-gradient"><i class="icofont-panda-face"></i></a></li>
                                <li><a href="#" class="bg-salmon-gradient"><i class="icofont-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="widget widget-memebers">
                            <div class="widget-heading">
                                <h3 class="widget-title">My Friends</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <div class="members-list">
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Chat">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Aahat Akter</a></h4>
                                        <div class="item-username">@Aahat </div>
                                        <div class="member-status online"><i class="icofont-check"></i></div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_2.jpg" alt="Chat">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Kazi Rahman</a></h4>
                                        <div class="item-username">@Rahman</div>
                                        <div class="member-status online"><i class="icofont-check"></i></div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_3.jpg" alt="Chat">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Alia Karon</a></h4>
                                        <div class="item-username">@Alia</div>
                                        <div class="member-status online"><i class="icofont-check"></i></div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_4.jpg" alt="Chat">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Masterero</a></h4>
                                        <div class="item-username">@Master</div>
                                        <div class="member-status offline"><i class="icofont-check"></i></div>
                                    </div>
                                </div>
                            </div>
                            <div class="see-all-btn">
                                <a href="#" class="item-btn">See All Friends</a>
                            </div>
                        </div>
                        <div class="widget widget-groups">
                            <div class="widget-heading">
                                <h3 class="widget-title">My Groups</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <div class="group-list">
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/groups/groups_9.jpg" alt="group">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Kito Development</a></h4>
                                        <div class="item-member">265 Members</div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/groups/groups_10.jpg" alt="group">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Chef Express</a></h4>
                                        <div class="item-member">4,265 Members</div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/groups/groups_11.jpg" alt="group">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">Photo Contest</a></h4>
                                        <div class="item-member">1,265 Members</div>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/groups/groups_12.jpg" alt="group">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="item-title"><a href="#">WP Developers</a></h4>
                                        <div class="item-member">265 Members</div>
                                    </div>
                                </div>
                            </div>
                            <div class="see-all-btn">
                                <a href="#" class="item-btn">See All Groups</a>
                            </div>
                        </div>
                        <div class="widget widget-comment">
                            <div class="widget-heading">
                                <h3 class="widget-title">Recent Comments</h3>
                                <div class="dropdown">
                                    <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                        ...
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#">Close</a>
                                        <a class="dropdown-item" href="#">Edit</a>
                                        <a class="dropdown-item" href="#">Delete</a>
                                    </div>
                                </div>
                            </div>
                            <div class="group-list">
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/widget_comment1.jpg" alt="post">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="post-date">JULY 24, 2020</div>
                                        <h4 class="item-title"><a href="#">Seohen anunown printer took.</a></h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/widget_comment2.jpg" alt="post">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="post-date">JULY 24, 2020</div>
                                        <h4 class="item-title"><a href="#">Seohen anunown printer took.</a></h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/widget_comment3.jpg" alt="post">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="post-date">JULY 24, 2020</div>
                                        <h4 class="item-title"><a href="#">Seohen anunown printer took.</a></h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <div class="item-img">
                                        <a href="#">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/widget_comment4.jpg" alt="post">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="post-date">JULY 24, 2020</div>
                                        <h4 class="item-title"><a href="#">Seohen anunown printer took.</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="widget widget-banner">
                            <h3 class="item-title">Most Popular</h3>
                            <div class="item-subtitle">Circle Application</div>
                            <a href="#" class="item-btn">
                                <span class="btn-text">Register Now</span>
                                <span class="btn-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="10px">
                                        <path fill-rule="evenodd" d="M16.671,9.998 L12.997,9.998 L16.462,6.000 L5.000,6.000 L5.000,4.000 L16.462,4.000 L12.997,0.002 L16.671,0.002 L21.003,5.000 L16.671,9.998 ZM17.000,5.379 L17.328,5.000 L17.000,4.621 L17.000,5.379 ZM-0.000,4.000 L3.000,4.000 L3.000,6.000 L-0.000,6.000 L-0.000,4.000 Z" />
                                    </svg>
                                </span>
                            </a>
                            <div class="item-img">
                                <img src="${pageContext.request.contextPath}/static/media/figure/widget_banner_1.png" alt="banner">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--=====================================-->
            <!--=        Footer Area Start       	=-->
            <!--=====================================-->
            <footer class="footer-wrap footer-dashboard">
                <div class="main-footer">
                    <div class="container">
                        <div class="row row-cols-lg-4 row-cols-sm-2 row-cols-1">
                            <div class="col">
                                <div class="footer-box">
                                    <div class="footer-logo">
                                        <a href="${pageContext.request.contextPath}/Directory/index"><img src="${pageContext.request.contextPath}/static/media/logo_dark.png" alt="Logo"></a>
                                    </div>
                                    <p>Dorem ipsum dolor sit amet consec adipisicing elit sed do eiusmod por incidiut labore et loreLorem ipsum kelly amieo dolorey.</p>
                                </div>
                            </div>
                            <div class="col d-flex justify-content-lg-center">
                                <div class="footer-box">
                                    <h3 class="footer-title">
                                        Important Links
                                    </h3>
                                    <div class="footer-link">
                                        <ul>
                                            <li><a href="${pageContext.request.contextPath}/Directory/index">Home</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/about-us">About us</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/shop">Shop</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/contact">Contacts</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col d-flex justify-content-lg-center">
                                <div class="footer-box">
                                    <h3 class="footer-title">
                                        Community
                                    </h3>
                                    <div class="footer-link">
                                        <ul>
                                            <li><a href="${pageContext.request.contextPath}/Directory/newsfeed">NewsFeed</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/user-timeline">Profile</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/user-friends">Friends</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/user-groups">Groups</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/forums">Forums</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col d-flex justify-content-lg-center">
                                <div class="footer-box">
                                    <h3 class="footer-title">
                                        Followers
                                    </h3>
                                    <div class="footer-link">
                                        <ul>
                                            <li><a href="${pageContext.request.contextPath}/Directory/https://www.facebook.com/">facebook</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/https://twitter.com/">twitter</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/https://www.instagram.com/">instagram</a></li>
                                            <li><a href="${pageContext.request.contextPath}/Directory/https://www.youtube.com/">Youtube</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <div class="footer-copyright">Copy© cirkle 2021. All Rights By <a href="${pageContext.request.contextPath}/Directory/http://www.bootstrapmb.com/">bootstrapmb</a></div>
                </div>
            </footer>



        </div>
        <!-- Chat Modal Here -->
        <div class="chat-conversion-box" id="chat-box-modal" tabindex="-1" aria-labelledby="chat-modal-label" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h6 class="modal-title" id="chat-modal-label">Fahim Rahman <span class="online"></span></h6>
                        <div class="action-icon">
                            <button class="chat-shrink"><i class="icofont-minus"></i></button>
                            <button type="button" class="close chat-close chat-open" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    </div>
                    <div class="modal-body">
                        <ul class="chat-conversion">
                            <li class="chat-others">
                                <div class="author-img">
                                    <img src="${pageContext.request.contextPath}/static/media/figure/chat_12.jpg" alt="Chat">
                                </div>
                                <div class="author-text">
                                    <span>How are you Fahim vai ? Tommorow office will be your last day of Bachelor life.</span>
                                </div>
                            </li>
                            <li class="chat-you">
                                <div class="author-img">
                                    <img src="${pageContext.request.contextPath}/static/media/figure/chat_11.jpg" alt="Chat">
                                </div>
                                <div class="author-text">
                                    <span>hmm That's great</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="modal-footer">
                        <form>
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Write your text here.....">
                                <div class="chat-plus-icon"><i class="icofont-plus-circle"></i></div>
                                <div class="file-attach-icon">
                                    <a href="#"><i class="icofont-slightly-smile"></i></a>
                                    <a href="#"><i class="icofont-camera"></i></a>
                                    <a href="#"><i class="icofont-image"></i></a>
                                    <a href="#"><i class="icofont-mic"></i></a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Jquery Js -->
    <script src="${pageContext.request.contextPath}/static/dependencies/jquery/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/popper.js/js/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/slick-carousel/js/slick.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/select2/js/select2.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/elevate-zoom/jquery.elevatezoom.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/bootstrap-validator/js/validator.min.js"></script>
    <script src=http://www.google.cn/maps/api/js?key=AIzaSyBtmXSwv4YmAKtcZyyad9W7D4AC08z0Rb4"></script>

    <!-- Site Scripts -->
    <script src="${pageContext.request.contextPath}/static/assets/js/app.js"></script>
    <script>

        function blog() {
            $.ajax({

                "url":"${pageContext.request.contextPath}/Blog/Bloglist",
                "type":"GET",
                "dataType":"JSON",
                "success":function (data) {
                    var str="";
                    $(data).each(function () {
                        // alert(this.badd);
                        // alert(this.user);
                        // src+="<option value='"+this.id+"'>"+this.productName+"</option>";
                        str+="<div class='block-box post-view bb'>";
                        str+="<div class='post-header'>";
                        str+="<div class='media'>";
                        str+="<div class='user-img'>";
                        str+="<img src='${pageContext.request.contextPath}/static/img/"+this.user.uimg+"' alt='"+this.user.uname+"' width=\"44\" height=\"44\">";
                        str+="</div>";
                        str+="<div class='media-body'>";
                        str+=" <div class='user-title'><a href='${pageContext.request.contextPath}/Directory/user-timeline'>"+this.user.uname+"</a><span style=\"\n" +
                            "    font-size: 13px;\n" +
                            "    padding-left: 10px;\n" +
                            "\">"+this.user.ublog+"</span></div>";
                        str+="<ul class='entry-meta'>";
                        str+="<li class='meta-privacy''><i class='icofont-world'></i>"+this.badd+"</li>";
                        str+="<li class=meta-time'>"+this.btime+"</li>";
                        str+="</ul>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='dropdown'>";
                        str+="<button class='dropdown-toggle' type='button' data-toggle='dropdown' aria-expanded='false'>";
                        str+="...";
                        str+="</button>";
                        str+="<div class='dropdown-menu dropdown-menu-right'>";
                        str+="<a class='dropdown-item' href='#'>Close</a>";
                        str+="<a class='dropdown-item' href='#'>Edit</a>";
                        str+="<a class='dropdown-item' href='#'>Delete</a>";
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-body'>";
                        str+="<p>"+this.btitle+"</p>";
                        str+="<div class='post-img'>";
                        if (this.bimg==""){

                        }else if (this.bimg!=""){
                        str+="<img src='${pageContext.request.contextPath}/static/img/"+this.bimg+"' alt='Post'>";
                        }
                        str+="</div>";
                        str+="<div class='post-meta-wrap'>";
                        str+="<div class='post-meta'>";
                        str+="<div class='post-reaction'>";
                        str+="<div class='reaction-icon'>";
                        $(this.likes).each(function () {
                            str+="<img src='${pageContext.request.contextPath}/static/img/"+this.uimg+"' alt='icon' width=\"28\" height=\"28\">";
                        })
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-meta'>";
                        str+="<div class='meta-text'></div>";
                        str+="<div class='meta-text'></div>";
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-footer'>";
                        str+="<ul>";
                        str+="<li class='post-react'>";
                        var bb=false;//默认为点赞
                        $(this.likes).each(function (index) {
                            // alert(3);
                            if (this.uid==${sos.uid}){
                                bb=true;
                            }
                        })
                        if(bb){
                            str+="<a href='${pageContext.request.contextPath}/Blog/tjlike?blogid=${blog.bid}'><i class='icofont-thumbs-up aacc'></i>点赞!</a>";
                        }else{
                            str+="<a href='${pageContext.request.contextPath}/Blog/tjlike?blogid=${blog.bid}'><i class='icofont-thumbs-up aac'></i>点赞!</a>";
                        }
                        str+="<ul class='react-list'>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_1.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_3.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_4.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_2.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_7.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_6.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_5.png' alt='Like'></a></li>";
                        str+="</ul>";
                        str+="</li>";
                        str+="<li><a href='#'><i class='icofont-comment'></i>评论</a></li>";
                        str+="<li class='post-share'>";
                        str+="<a href='javascript:void(0);' class='share-btn'><i class='icofont-share'></i>分享</a>";
                        str+="<ul class='share-list'>";
                        str+="<li><a href='' class='color-fb'><i class='icofont-facebook'></i></a></li>";
                        str+="<li><a href='' class='color-messenger'><i class='icofont-facebook-messenger'></i></a></li>";
                        str+="<li><a href='' class='color-instagram'><i class='icofont-instagram'></i></a></li>";
                        str+="<li><a href='' class='color-whatsapp'><i class='icofont-brand-whatsapp'></i></a></li>";
                        str+="<li><a href='' class='color-twitter'><i class='icofont-twitter'></i></a></li>";
                        str+="</ul>";
                        str+="</li>";
                        str+="</ul>";
                        str+="</div>";
                        str+="</div>";
                    })
                    $("#zhuijia").after(str);
                }
            })
        }
        function Oneselfblog() {
            $.ajax({
                "url":"${pageContext.request.contextPath}/Blog/OneselfBlog",
                "type":"GET",
                "dataType":"json",
                "success":function (data) {
                    var str="";
                    $(data).each(function () {
                        // alert(this);
                        // alert(this.badd);
                        // alert(this.user);
                        // src+="<option value='"+this.id+"'>"+this.productName+"</option>";
                        str+="<div class='block-box post-view bb'>";
                        str+="<div class='post-header'>";
                        str+="<div class='media'>";
                        str+="<div class='user-img'>";
                        str+="<img src='${pageContext.request.contextPath}/static/img/"+this.user.uimg+"' alt='"+this.user.uname+"' width=\"44\" height=\"44\">";
                        str+="</div>";
                        str+="<div class='media-body'>";
                        str+=" <div class='user-title'><a href='${pageContext.request.contextPath}/Directory/user-timeline'>"+this.user.uname+"</a><span style=\"\n" +
                            "    font-size: 13px;\n" +
                            "    padding-left: 10px;\n" +
                            "\">"+this.user.ublog+"</span></div>";
                        str+="<ul class='entry-meta'>";
                        str+="<li class='meta-privacy''><i class='icofont-world'></i>"+this.badd+"</li>";
                        str+="<li class=meta-time'>"+this.btime+"</li>";
                        str+="</ul>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='dropdown'>";
                        str+="<button class='dropdown-toggle' type='button' data-toggle='dropdown' aria-expanded='false'>";
                        str+="...";
                        str+="</button>";
                        str+="<div class='dropdown-menu dropdown-menu-right'>";
                        str+="<a class='dropdown-item' href='#'>Close</a>";
                        str+="<a class='dropdown-item' href='#'>Edit</a>";
                        str+="<a class='dropdown-item' href='#'>Delete</a>";
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-body'>";
                        str+="<p>"+this.btitle+"</p>";
                        str+="<div class='post-img'>";
                        if (this.bimg==" "||this.bimg==null){

                        }
                        if (this.bimg!=" "){
                            str+="<img src='${pageContext.request.contextPath}/static/img/"+this.bimg+"' alt='Post'>";
                        }
                        str+="</div>";
                        str+="<div class='post-meta-wrap'>";
                        str+="<div class='post-meta'>";
                        str+="<div class='post-reaction'>";
                        str+="<div class='reaction-icon'>";
                        $(this.likes).each(function () {
                            str+="<img src='${pageContext.request.contextPath}/static/img/"+this.uimg+"' alt='icon' width=\"28\" height=\"28\">";
                        })
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-meta'>";
                        str+="</div>";
                        str+="</div>";
                        str+="</div>";
                        str+="<div class='post-footer'>";
                        str+="<ul>";
                        str+="<li class='post-react'>";
                        str+="<a href='#'><i class='icofont-thumbs-up'></i>React!</a>";
                        str+="<ul class='react-list'>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_1.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_3.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_4.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_2.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_7.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_6.png' alt='Like'></a></li>";
                        str+="<li><a href='#'><img src='${pageContext.request.contextPath}/static/media/figure/reaction_5.png' alt='Like'></a></li>";
                        str+="</ul>";
                        str+="</li>";
                        str+="<li><a href='#'><i class='icofont-comment'></i>评论</a></li>";
                        str+="<li class='post-share'>";
                        str+="<a href='javascript:void(0);' class='share-btn'><i class='icofont-share'></i>Share</a>";
                        str+="<ul class='share-list'>";
                        str+="<li><a href='' class='color-fb'><i class='icofont-facebook'></i></a></li>";
                        str+="<li><a href='' class='color-messenger'><i class='icofont-facebook-messenger'></i></a></li>";
                        str+="<li><a href='' class='color-instagram'><i class='icofont-instagram'></i></a></li>";
                        str+="<li><a href='' class='color-whatsapp'><i class='icofont-brand-whatsapp'></i></a></li>";
                        str+="<li><a href='' class='color-twitter'><i class='icofont-twitter'></i></a></li>";
                        str+="</ul>";
                        str+="</li>";
                        str+="</ul>";
                        str+="</div>";
                        str+="</div>";
                    })
                    $("#zhuijia").after(str);
                }
            });
        }

        function tt() {
            var c=$(".yya").hasClass("active");
            var d=$(".yys").hasClass("active");
            if(c==true){
                $(".bb").remove();
                $("#block-box1").html("<i class=\'icofont-refresh\'></i>加载更多");
                blog();
            }
            if (d==true){
                $(".bb").remove();
                $("#block-box1").html("<i class=\'icofont-refresh\'></i>显示更多");
                Oneselfblog();
            }
        }
        function yys() {
            $(".active").removeClass("active");
            $(".yys").addClass("active");
            tt();
        }
        function yya() {
            $(".active").removeClass("active");
            $(".yya").addClass("active");
            tt();
        }
        $("#close").click(
            function a() {
                $("#jj").remove();
            }
        )
        blog();
    </script>
</body>

</html>
